<template>
	<view class="comAll" v-if="toastVisible">
		<view class="content">
			<view class="contentTop">
				<image :src="isOK"></image>
			</view>
			<view class="contentBottom">
				<text>{{tipMess}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			toastVisible:Boolean,
			tipMess: String,
		},
		data(){
			return{
				isOK: require('../../static/message/true.png')
			}
		}
	}
</script>

<style scoped>
	.comAll{
		background-color: rgba(255,255,255,0.6);
		position: fixed;
		top:0;
		bottom: 0;
		left:0;
		right:0;
		display: flex;
	}
	.content{
		margin: auto;
		background-color: #f7533e;
		border-radius: 15upx;
		min-height:200upx;
		min-width:200upx;
	}
	.contentTop{
		display: flex;
		margin-top: 50upx;
	}
	.contentTop image{
		width:80upx;
		height:52upx;
		margin: 0 auto;
	}
	.contentBottom{
		display: flex;
		margin-top: 25upx;
		padding: 0 10upx;
	}
	.contentBottom text{
		text-align: center;
		margin: 0 auto;
		font-size: 32upx;
		color:#FFF;
	}
</style>
